@(form : Form[BigQuiz.Login])
@import play.i18n._
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="@Messages.get("lang")" lang="@Messages.get("lang")">
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Business Informatics Group Quiz - @Messages.get("login")</title>
		<link rel="stylesheet" type="text/css" href="@routes.Assets.at("/stylesheets/main.css")" />
		<style type="text/css">
			.error, dd.error {clear:both; display:block; background:red; border:1px solid white; padding:4px; border-radius:4px; font-weight:bold;}
		</style>
    </head>
    <body id="loginpage">
		<a class="accessibility" href="#login">@Messages.get("login.acc.link.login")</a>
        <header role="banner" aria-labelledby="mainheading"><h1 id="mainheading"><span class="accessibility">Business Informatics Group</span> Quiz</h1></header>
        <nav role="navigation" aria-labelledby="navheading">
            <h2 id="navheading" class="accessibility">@Messages.get("navigation")</h2>
            <ul>
                <li><a id="registerlink" title="Klicke hier um dich zu registrieren" href="register.html" accesskey="r">@Messages.get("registration")</a></li>
            </ul>
        </nav>
        <!-- Login section -->
        <section role="main">
            <section id="login" aria-labelledby="loginheading">

				@helper.form(action = routes.BigQuiz.doAuthentication()) {
					<fieldset>
                        <legend id="loginheading">Login</legend>
						@helper.inputText(form("username"), '_label -> (Messages.get("registration.username")), '_showConstraints -> false)
						@helper.inputPassword(form("password"), '_label -> (Messages.get("registration.password")), '_showConstraints -> false)
                        <input id="loginsubmit" type="submit" value="@Messages.get("login")"/>
                    </fieldset>
				}
				@if(form.hasGlobalErrors) {
					<p class="error">
						@form.globalError.message
					</p>
				}
            </section>
            <!-- Register section -->
            <section id="register" aria-labelledby="registerheading">
                <h2 id="registerheading" class="accessibility">Registrierung</h2>
                <p>@Messages.get("login.not.registered")</p>
                <a href="@routes.BigQuiz.getRegister">@Messages.get("login.do.register")</a>
            </section>
        </section>

        <!-- footer -->
        <footer role="contentinfo">© 2014 BIG Quiz</footer>
    </body>
</html>
